---
---

<textarea id="textarea" class="min-w-full min-h-[30em] px-5">
姐姐，今夜我在德令哈，夜色笼罩
姐姐，今夜我只有戈壁
草原尽头我两手空空
悲痛时握不住一颗泪滴
姐姐，今夜我在德令哈
这是雨水中一座荒凉的城
除了那些路过的和居住的
德令哈……今夜
这是唯一的，最后的，抒情。
这是唯一的，最后的，草原。
我把石头还给石头
让胜利的胜利
今夜青稞只属于她自己
一切都在生长
今夜我只有美丽的戈壁 空空
姐姐，今夜我不关心人类，我只想你
</textarea>
<p>
    <button id="select-button" class="border-solid border-2 border-indigo-600 p-1 rounded-lg  hover:skew-y-2 ">选中第三行</button>
</p>

<script>
    document.addEventListener('DOMContentLoaded', () => {
    const selectButton = document.getElementById('select-button');
    if(selectButton)
    selectButton.addEventListener('click', () => {
        const textarea = document.getElementById('textarea') as HTMLTextAreaElement;
        if(!textarea) return
        const lines = textarea.value.split('\n');
        const lineIndex = 2;
        const start = lines.slice(0, lineIndex).reduce((acc, curr) => acc + curr.length + 1, 0);
        // Add the length of the previous lines and the newline character
        const end = start + lines[lineIndex].length;
        textarea.focus();
        textarea.setSelectionRange(start, end);
    });
});
</script>

